

<template>
   <view>
       <view class="search-box padding-l-r-20">
           <view class="search-input align-items-center">
               <u-search :placeholder="placeholder" height='66rpx' :showAction='false' bgColor='transparent' v-model="keyword" @search='search'></u-search>
               <text @click="search">搜索</text>
           </view>
       </view>
   </view>
</template>
<script >
export default {
    props: {
        placeholder: {
            type: String,
            default: '请输入关键词'
        }
    },
    data() {
        return {
            keyword: ''
        }
    },
    methods: {
        search() {
            this.$emit('search', this.keyword)
        }
    }
}
</script>
<style scoped lang="scss">
.search-input {
    height: 66rpx;
    margin:10rpx 0 ;
    background: #F7F7F7;
    border-radius: 33rpx;
    border: 1px solid #DBDBDB;
    text {
        padding: 0 20rpx;
        color: #12B5CF;
        font-size: 28rpx;
        border-left:1px solid #DBDBDB ;
    }
}
</style>
